<script setup lang="ts">
import { ref, onMounted } from 'vue';
import Header from '@/views/PublicPages/Index/components/layout/Header.vue';
import MainBanner from '@/views/PublicPages/Index/components/section/mainBanner.vue';
import OurProducts from '@/views/PublicPages/Index/components/section/ourProducts.vue';
import SystemIntro from '@/views/PublicPages/Index/components/section/systemIntro.vue';
import UserReview from '@/views/PublicPages/Index/components/section/userReview.vue';
import FAQ from '@/views/PublicPages/Index/components/section/faq.vue';
import Footer from '@/views/PublicPages/Index/components/layout/Footer.vue';

import 'aos/dist/aos.css';
import AOS from 'aos';

onMounted(() => {
    AOS.init();
});

</script>

<template>
    <div class="lp-wraper">
        <!--Header-->
        <Header />

        <!----------->
        <!--首页内容区域-->
        <div id="home">
            <MainBanner />
        </div>
        
        <!--系统功能区域-->
        <div id="features">
            <OurProducts />
        </div>
        
        <!--系统介绍区域-->
        <div id="introduction">
            <SystemIntro />
        </div>
        
        <!--用户评价-->
        <UserReview />
        
        <!--帮助中心区域-->
        <div id="help">
            <FAQ />
        </div>
        
        <!--Footer-->
        <Footer />
        <!----------->
    </div>
</template>
